<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="jspLib/jquery.jsp"></jsp:include>
<jsp:include page="jspLib/jquery-ui.jsp"></jsp:include>
<jsp:include page="jspLib/formValidator.jsp"></jsp:include>
<script type="text/javascript">
	$(function(){
		//alert(a);
		//jquery - ui
		$("#btn_login").button();
		$("#tabs").tabs();
		
		//Validator
		$.formValidator.initConfig({ formID: "form1", onError: function () { alert("校验没有通过，具体错误请看错误提示") } });
		
		//form.submit
		$("#btn_login").click(function(){
			$("#.form1").submit();
			return false;
		})
		
	})
</script>
<title>login page</title>
</head>
<body>

	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">登录</a></li>
			<li><a href="#tabs-2">注册</a></li>
		</ul>
			<div id="tabs-1" style="height: 200px;">
		        <form action="login.cl" method="post" id="form1">
		        <table>
		        	<tr>
		        		<td>username:</td>
		        		<td><input type="text" id="username"  name="username" /></td>
		        		<td><div id="usernameTip" style="width:250px"></div></td>
		        	</tr>
		        	<tr>
		        		<td>password:</td>
		        		<td><input type="text" id="password" name="password" /></td>
		        		<td><div id="passwordTip" style="width:250px"></div></td>
		        	</tr>
		        	<tr>
		        		<td colspan="3"><button id="btn_login" onclick="doSubmit()">登录</button></td>
		        	</tr>
		        </table>
		        </form>
	       </div>
		   <div id="tabs-2">暂无内容</div>
	</div>
</body>
</html>